<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>百度输入法-表情盒子</title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="box abs">
		<div id="faceBox1" class="content">
			<div class="groupListBox">
				<div id="faceBox">
					<div id="groupBox">
					
					</div>
					<section class="addbox rel">
						<div id="moreFace" event-type="moreFace" class="more-face abs">更多精彩表情</div>
						<div event-type="importFace" class="importface bg">
							<div id="importItems" class="import-items abs">
								<p event-type="importLocal">导入本地表情</p>
								<p event-type="importWeb">导入网络表情</p>
							</div>
						</div>
						<div id="recomFaceBox" class="recomface emotionBox">
							<ul id="recomFace">
								
							</ul>
						</div>
					</section>

				</div>
			</div>
				
		</div>
		<div id="mask" class="mask abs"></div>
		<div id="navs" class="bottom rel">			
			<div class="emotionTabBox abs">
				<div id="emotionTabs" class="emotion-tabs abs">				
				</div>
			</div>
			<div class="pager abs">
				<p id="pagePrev" event-type="pagePrev" page="0" class="pager-prev abs unable"></p>
				<p id="pageNext" event-type="pageNext" page="0" class="pager-next abs"></p>
			</div>		
			<nav id="addFace" event-type="tab" parentId="navs" class="emotion-add bg abs"></nav>			
			<div id="navRBtn" class="nav-rbtn abs">
				<p event-type="delGroup">删除分组</p>
				<p event-type="moveFirst">移到首位</p>
				<p event-type="movePrev">向前移动</p>
				<p event-type="moveNext">向后移动</p>
			</div>
		</div>
		<div id="faceRBtn" class="face-rbtn abs">
			<p></p>
		</div>
		<div id="faceTitle" class="face-title abs"></div>
		<div id="groupTitle" class="face-title group-title abs"></div>
	</div>
	<script type="text/javascript" src="js/tangram-request.js"></script>
	<script type="text/javascript" src="js/skin.config.js"></script>
	<script type="text/javascript" src="js/skin.js"></script>
</body>
</html>